<template>
  <div>
    <div :class="{ red: show, green: greenShow }">传智教育</div>
    <button @click="show = !show">点击切换红色</button>
    <button @click="greenShow = !greenShow">点击切换绿色</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: fales,
      greenShow: false,
    }
  },
}
</script>

<style>
.red {
  color: red;
}
.green {
  color: green;
}
</style>
